<html>

<head>
  <meta charset="utf-8">
  <title>景芝大数据调度指挥平台</title>
  <meta name="veiwport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="./js/amazeui.min.css" />
  <script type="text/javascript" src="./js/amazeui.min.js"></script>
  <script src="https://unpkg.com/vue/dist/vue.js"></script>
  <script type="text/javascript" src="./js/echarts.min.js"></script>
  <!-- <script type="text/javascript" src="https://rawgit.com/ecomfe/echarts-gl/master/dist/echarts-gl.min.js"></script>
    <script type="text/javascript" src="http://www.cmono.net/ec/echartsConfig.js"></script>
    <script type="text/javascript" src="http://www.cmono.net/ec/ext.js"></script>
    <script type="text/javascript" src="http://echarts.baidu.com/resource/echarts-liquidfill-1.0.4/dist/echarts-liquidfill.js"></script> -->
  <script type="text/javascript" src="./js/dark.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Ui1hFIbTdm26BERXEZv9VudhLwcl4k3G"></script>
  <!-- <link rel="stylesheet" href="./css/main.css"> -->
  <script src="./js/2_files/flowplayer-3.2.12.min.js" type="text/javascript"></script>
  <link rel="stylesheet" href="./js/2_files/styless.css">
  <link rel="stylesheet" href="./css/jz.css">
  <script src="./js/shandong.js"></script>
  <script>
  window.onload = function() {
    // 视频播放功能
    // var isOnPc=!(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent));
    //   if(isOnPc){
    //     document.getElementById("iphones").style.display = "none";
    //     document.getElementById("windowss").style.display = "block";
    //   }else{
    //     if(document.getElementById("iphones").style.display == "none"){
    //     console.info(11111111111);
    //       document.getElementById("iphones").style.display = "block";
    //     }
    //     console.info(22);
    //
    //     if(document.getElementById("windowss").style.display != "none"){
    //     console.info(33);
    //       document.getElementById("windowss").style.display = "none";
    //     }
    //   }
    //视频播放功能结束
    var map = new BMap.Map('allmap');
    var map_point={lng:119.195026,lat:36.740612}
    map.centerAndZoom(new BMap.Point(map_point.lng,map_point.lat), 13);
    var style_json_all = [{
      "featureType": "land",
      "elementType": "all",
      "stylers": {
        "color": "#155191",
        "lightness": -17
      }
    }]
    var mapStyle = {
      features: ["road", "building", "water", "land"], //隐藏地图上的poi
      style: "midnight" //设置地图风格为高端黑
    }
    map.setMapStyle({
      styleJson: style_json_all
    });
    map.enableScrollWheelZoom(true);


    // var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
	    // 编写自定义函数,创建标注
      function addMarker(point,label,color,sum_all){
    var infoWindow = new BMap.InfoWindow(sum_all);  // 创建信息窗口对象
    //单独设定图标的样式
    var icon = new BMap.Icon(color, new BMap.Size(30,30));
	  var marker = new BMap.Marker(point,{icon:icon});
    marker.addEventListener("click", function(e){
    	   this.openInfoWindow(infoWindow);
    	   //图片加载完毕重绘infowindow

    	  //  document.getElementById('imgDemo').onload = function (){
    		//    infoWindow.redraw();   //防止在网速较慢，图片未加载时，生成的信息框高度比图片的总高度小，导致图片部分被隐藏
    	  //  }
        // var all=document.getElementsByClassName('BMapLabel')[0];
  //       if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
  //
  // }
 //  if (!$(e.target).closest(".BMapLabel").length) {
 //             map.removeOverlay(label);
 //          }
 // console.log("全部数据",all,e.target);
 //         marker.setLabel(label);
        //  setTimeout(function(){
              //  map.removeOverlay(label);
        //  },10000)
    	});
	  map.addOverlay(marker);

	}


	function addMarker1(point,label,color,sum_all){
      var infoWindow = new BMap.InfoWindow(sum_all);  // 创建信息窗口对象
    //单独设定图标的样式
    var icon = new BMap.Icon(color, new BMap.Size(40,40));
	  var marker = new BMap.Marker(point,{icon:icon});
    marker.addEventListener("click", function(e){
         this.openInfoWindow(infoWindow);

      });
	  map.addOverlay(marker);
  	// marker.setLabel(label);
	}
	function addMarker2(point,label,color){
      // var infoWindow = new BMap.InfoWindow(sum_all);  // 创建信息窗口对象
    //单独设定图标的样式
    // var icon = new BMap.Icon(color, new BMap.Size(40,40));
	  var marker2 = new BMap.Marker(point);
    marker2.addEventListener("click", function(e){
         this.openInfoWindow(infoWindow);

      });
	  map.addOverlay(marker2);
  	marker2.setLabel(label);
    setTimeout(function() {
      // console.log("我的map参数",map.getOverlays());
      var allOverlay=map.getOverlays();
      for (var i = 0; i < allOverlay.length -1; i++){
			if(allOverlay[i].getLabel().content != ""){
        // console.log("我是循环",allOverlay[i]);
				map.removeOverlay(allOverlay[i]);
				return false;
			}
		}
      map.removeOverlay(marker2);
    },5000)
	}
  function closeLabel(){
    // console.log("我是关闭");
  }
	// 随机向地图添加25个标注
	var bounds = map.getBounds();
	var sw = bounds.getSouthWest();
	var ne = bounds.getNorthEast();
	var lngSpan = Math.abs(sw.lng - ne.lng);
	var latSpan = Math.abs(ne.lat - sw.lat);

  //  我是随机滚动的弹窗
  function suiji(){
    console.log("你好，我是弹窗");
    var sj_point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
    var sj_label = new BMap.Label("我是文字标注哦",{offset:new BMap.Size(10,-10)});
  var sj_color ='img/yellow.png';
  addMarker2(sj_point,sj_label,sj_color);
  }

  // 编写自定义函数,创建标注
  	function addMarker3(point,label){
  		var marker = new BMap.Marker(point);
  		map.addOverlay(marker);
  		marker.setLabel(label);
  	}
    var news_url='http://121.196.232.136:8200/lbs/test/';
    var img_dian='./img/dian.png';
    var xiao_url='http://192.168.1.186:8000/lbs/test_jingxiao/';
    var img_xiaodian='./img/xiaodian.png';
    // getConterAll(map_point,news_url,img_dian);
    getConterAll(map_point,xiao_url,img_xiaodian);
    function getConterAll(center,news_url,img_dian){
      console.log("全部",(center));
      // var news_url='http://192.168.1.186:8000/lbs/test/';
      // var news_url='http://121.196.232.136:8200/lbs/test/';
      $.get(news_url,center,function(data){
          console.log("-----------------",data);
          app.mendian=data;
          list_all_dian(img_dian);
      },'json')
    }
    //拖拽事件
        map.addEventListener("dragend", function(){
          var center =map.getCenter();
            map.clearOverlays();
            // console.log("拖拽",center);

            // getConterAll(center,news_url,img_dian);
              getConterAll(map_point,xiao_url,img_xiaodian);
            // callback_fun(center.lng,center.lat)
        });
        // 缩放事件
        map.addEventListener("zoomend", function(){
          var center =map.getCenter();
          map.clearOverlays();
          // getConterAll(center,news_url,img_dian);
            getConterAll(map_point,xiao_url,img_xiaodian);
        });

// 我是随机的产生
function suijichange(){
  // console.log("你好我是数据");

  var point11 = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
    // var label11 = new BMap.Label("我是文字标注哦"+i,{offset:new BMap.Size(21,-10)});
    // var sum_all="我是数字"+i;//我是变量
    //定义样式
    var sContent =
        "<div class='infor_all'>"+
        "<div class='infor_peopel'>"+
        "<span>提交人：隔壁老王</span>"+
        "<span>提交时间：2017-4-5 12:12:12</span>"+
        "<span>附近新开一个社区，白酒市场缺乏，可以考虑开一家分店</span>"+
        "<a style='display:none;background:url(https://image.qiluyidian.mobi/43230590851066149651QN1D928U291dGhFYXN0.jpg?imageMogr2/auto-orient/thumbnail/680x410)'  class='infor_img'></a>"+
        "</div>"+
        "</div>";
var color ='img/red.png';
  // addMarker(point,label,color,sContent);
  var infoWindow11 = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
//单独设定图标的样式
var icon = new BMap.Icon(color, new BMap.Size(40,40));
var marker111 = new BMap.Marker(point11);

// infoWindow11.disableAutoPan();
		map.addOverlay(marker111);
		marker111.setAnimation(BMAP_ANIMATION_DROP);
setTimeout(function(){
  $(".BMap_pop").fadeIn(1000);
  map.openInfoWindow(infoWindow11,point11);
},500);
setTimeout(function(){
  map.closeInfoWindow(infoWindow11);
  map.removeOverlay(marker111);
},6000);

}
//循环
  // setInterval(function(){
  //   suijichange();
  // },10000);
	// for (var i = 0; i < 25; i ++) {
	// 	var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
  //     var label = new BMap.Label("我是文字标注哦"+i,{offset:new BMap.Size(21,-10)});
  //     // var sum_all="我是数字"+i;//我是变量
  //     //定义样式
  //     var sContent =
  //         "<div class='infor_all'>"+
  //         "<div class='infor_peopel'>"+
  //         "<span>提交人：隔壁老王</span>"+
  //         "<span>提交时间：2017-4-5 12:12:12</span>"+
  //         "<span>附近新开一个社区，白酒市场缺乏，可以考虑开一家分店</span>"+
  //         "<a style='display:none;background:url(https://image.qiluyidian.mobi/43230590851066149651QN1D928U291dGhFYXN0.jpg?imageMogr2/auto-orient/thumbnail/680x410)'  class='infor_img'></a>"+
  //         "</div>"+
  //         "</div>";
  // var color ='img/red.png';
	// 	addMarker(point,label,color,sContent);
  //
	// }
	// for (var i = 0; i < 10; i ++) {
	// 	var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
  //     var label = new BMap.Label("我是文字标注哦"+i,{offset:new BMap.Size(21,-10)});
  //     var color ='img/blud.png';
  //     var shop_list=
  //     "<div class='shop_all'>"+
  //       "<span>门店名称：景芝零售店1</span>"+
  //       "<span>负责人：李钦</span>"+
  //       "<span>联系电话：123456789021</span>"+
  //       "<span>门店位置：潍坊市奎文区新华路5号11店东500米</span>"+
  //       "<span>在销产品</span>"+
  //       "<span>景芝酒，一品景芝，A景</span>"+
  //       "<span>门店图片</span>"+
  //       "<a style='background:url(https://image.qiluyidian.mobi/43230590851066149651QN1D928U291dGhFYXN0.jpg?imageMogr2/auto-orient/thumbnail/680x410)'  class='infor_img'></a>"+
  //     "</div>"
	// 	addMarker(point,label,color,shop_list);
  //
	// }
	// for (var i = 0; i < 6; i ++) {
	// 	var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
  //     var label = new BMap.Label("我是文字标注哦"+i,{offset:new BMap.Size(21,-10)});
  // var color ='img/yellow.png';
  //   var salesman_list=
  //   "<div class='salesman_all'>"+
  //   "<span>提交人：景芝零售店1</span>"+
  //   "<span>所在部门：李钦</span>"+
  //   "<span>联系电话：123456789021</span>"+
  //   "<span>当前位置：潍坊市奎文区新华路5号11店东500米</span>"+
  //   "<span>提交历史</span>"+
  //   "<div class='salesman_all_container'>"+
  //     "<ul class='salesman-list js-salesman-list'>"+
  //       "<li ><span>XX区XX店</span><span>张XX</span>"+
  //       "</li>"+
  //       "<li ><span>XX区XX店</span><span>张XX</span>"+
  //       "</li>"+
  //       "<li ><span>XX区XX店</span><span>张XX</span>"+
  //       "</li>"+
  //       "<li ><span>XX区XX店</span><span>张XX</span>"+
  //       "</li>"+
  //       "<li ><span>XX区XX店</span><span>张XX</span>"+
  //       "</li>"+
  //     "</ul>"+
  // "</div>"+
  // "</div>"
	// 	addMarker(point,label,color,salesman_list);
  //
	// }
  list_all_dian(img_dian);
  function list_all_dian(img_dian) {


  app.mendian.forEach(function(value,i){
    // console.log("我输数据",value,i);
    var point = new BMap.Point(value.lng,value.lat);
      var label = new BMap.Label("我是文字标注哦"+i,{offset:new BMap.Size(21,-10)});
      var color =img_dian;
  var shop_list="<div class='shop_all'>"+
       "<span>经销商名称："+value.mingcheng+"</span>"+
       "<span>负责人："+value.fuzeren+"</span>"+
       "<span>联系电话："+value.lianxidianhua+"</span>"+
       "<span>门店位置："+value.weizhi+"</span>"+
       "<span style='display:none;'>在销产品</span>"+
       "<span style='display:none;'>景芝酒，一品景芝，A景</span>"+
       "<span style='display:none;'>门店图片</span>"+
       "<a style='display:none;background:url(https://image.qiluyidian.mobi/43230590851066149651QN1D928U291dGhFYXN0.jpg?imageMogr2/auto-orient/thumbnail/680x410)'  class='infor_img'></a>"+
     "</div>"
  	addMarker1(point,label,color,shop_list);
  });
  }
  var value_all_all= app.manage_liucheng;
  // console.log("我是数据",value_all_all);
	for (var i = 0; i < 5; i ++) {
		var point = new BMap.Point(sw.lng + lngSpan * (Math.random() * 0.7), ne.lat - latSpan * (Math.random() * 0.7));
      var label = new BMap.Label("我是文字标注哦"+i,{offset:new BMap.Size(21,-10)});
      var color ='img/xiaodian.png';
      var salesman_list=
      "<div class='salesman_all'>"+
      "<span>提交人：景芝零售店1</span>"+
      "<span>所在部门：李钦</span>"+
      "<span>联系电话：123456789021</span>"+
      "<span>当前位置：潍坊市奎文区新华路5号11店东500米</span>"+
      "<span>提交历史</span>"+
      "<div class='salesman_all_container'>"+
        "<ul class='salesman-list js-salesman-list'>"+
          "<li ><span>潍坊市景芝店</span><span>张红河</span>"+
          "</li>"+
          "<li ><span>坊子区店</span><span>戴军</span>"+
          "</li>"+
          "<li ><span>诸城市景芝店</span><span>李钦</span>"+
          "</li>"+
          "<li ><span>奎文区景芝店</span><span>张洪洞</span>"+
          "</li>"+
          "<li ><span>寿光市景芝店</span><span>张海洋</span>"+
          "</li>"+
        "</ul>"+
    "</div>"+
    "</div>"
    		addMarker1(point,label,color,salesman_list);

	}


    function checkhHtml5() {
      if (typeof(Worker) === "undefined") {
        if (navigator.userAgent.indexOf("MSIE 9.0") <= 0) {
          alert("定制个性地图示例：IE9以下不兼容，推荐使用百度浏览器、chrome、firefox、safari、IE10");
        }

      }
    }
    checkhHtml5();
    // $("#jz_content_top").on("click",function() {
    //   console.log("数据");
    //   $("#jz_content_top").hide();
    //   $(".jz_left_top_map").show();
    // })
    // var $modal=$('#my-popup');
    // setTimeout(function(){
    // var iframe = document.getElementById("iFrame1").contentWindow;
    //
    // console.log("body", iframe);
    // },1000);


  }
  </script>
</head>

<body style="background:url('./img/bg.png')">
  <!-- <div>
        <div  id="allmap" class="all" ></div>

    </div> -->
  <div class="am-g doc-am-g" id="app">
    <div class=" am-u-sm-12 am-u-md-12 am-u-lg-12 jz_top">
      <div class="  jz_weather">
        <div class="jz_weather_top">
          <span>


                <div>
                 <img src="./img/tianqi.png" style="width:40px;height:40px;" >
                 <span style="display:block;">2017年6月1日</span>
                 <span style="display:block;">潍坊市：pm2.5:100，温度：30</span>
                </div>

              </span>
        </div>
        <div class="jz_weather_content">
        </div>
        <div class="jz_weather_foot">
        </div>
      </div>
      <div class="  jz_weather_middle">
        <a href="#" class="img_all"></a>
      </div>
      <div class="  jz_weather_right">
      </div>
    </div>
    <div class="am-u-sm-12 am-u-md-12 am-u-lg-12 jz">
      <div class="  jz_left_all">
        <div class="jz_left jz_left1">
          <span data-am-modal="{target: '#my-popup'}">经营概况</span>
          <!-- 这是弹窗-->
          <div class="am-popup" id="my-popup">
            <div class="am-popup-inner">
              <div class="am-popup-hd">
                <!-- <h4 class="am-popup-title">经营状况详情</h4> -->
                  <div class="am-popup-title jingyinginfo top_img_all ">

                  </div>
                <span data-am-modal-close class="am-close">&times;</span>
              </div>
              <div class="am-popup-bd ">
                <div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
                  <ul class="am-tabs-nav am-nav am-nav-tabs">
    <li class="am-active"><a href="javascript: void(0)">销量明细</a></li>
    <li><a href="javascript: void(0)">发货计划</a></li>
    <li><a href="javascript: void(0)">生产计划</a></li>
    <li><a href="javascript: void(0)">采购计划</a></li>
  </ul>

                  <div class="am-tabs-bd">
    <div class="am-tab-panel am-active">
      <!--  销售明细-->
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table am-primary">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>订单号</th>
                      <th>产品明细</th>
                      <th>开票时间</th>
                      <th>提交人</th>
                      <th>备注</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_market">
                      <td>{{value.mk_id}}</td>
                      <td>{{value.mk_piao}}</td>
                      <td>{{value.mk_chanpin}}</td>
                      <td>{{value.mk_start_time}}</td>
                      <td>{{value.mk_people}}</td>
                      <td>{{value.mk_other}}</td>
                    </tr>

                  </tbody>
                </table>
    </div>
    <div class="am-tab-panel">
    <!-- 发货计划 -->
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>发货明细</th>
                      <th>发起时间</th>
                      <th>发起人</th>
                      <th>提交人</th>
                      <th>状态</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_fahuo">
                      <td>{{value.key}}</td>
                      <td>{{value.mingxi}}</td>
                      <td>{{value.faqishijian}}</td>
                      <td>{{value.faqiren}}</td>
                      <td>{{value.tijiaoren}}</td>
                      <td>{{value.zhuangtai}}</td>
                    </tr>

                  </tbody>
                </table>

    </div>
    <div class="am-tab-panel">
      <!--  生产计划-->
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>产品名称</th>
                      <th>计划生产量</th>
                      <th>实际生产量</th>
                      <th>生产占比</th>

                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_shengchan">
                      <td>{{value.key}}</td>
                      <td>{{value.mingcheng}}</td>
                      <td>{{value.shengchanliang}}</td>
                      <td>{{value.shijishengchanliang}}</td>
                      <td>{{value.zhanbi}}</td>

                    </tr>

                  </tbody>
                </table>

    </div>
    <div class="am-tab-panel">
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>原材料名称</th>
                      <th>计划采购量</th>
                      <th>实际采购量</th>
                      <th>采购完成占比</th>

                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_caigou">
                      <td>{{value.key}}</td>
                      <td>{{value.cailiaomingcheng}}</td>
                      <td>{{value.jihuacaigou}}</td>
                      <td>{{value.shiji}}</td>
                      <td>{{value.zhanbi}}</td>

                    </tr>

                  </tbody>
                </table>
    </div>
  </div>
                </div>

              </div>
            </div>
          </div>
          <!-- 这是扇形图 -->
          <div class="jz_left_top1" id="jz_left_top"></div>
        </div>
        <div class="jz_left jz_left2">
          <span data-am-modal="{target: '#sell_all'}">销售排名</span>
          <div class="am-popup" id="sell_all">
            <div class="am-popup-inner">
              <div class="am-popup-hd">
                <!-- <h4 class="am-popup-title">销售排名详情</h4> -->
                <div class="am-popup-title top_img_all xiaoshouinfo">

                </div>
                <span data-am-modal-close class="am-close">&times;</span>
              </div>
              <div class="am-popup-bd">
                <div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
    <ul class="am-tabs-nav am-nav am-nav-tabs">
    <li class="am-active"><a href="javascript: void(0)">按公司</a></li>
    <li><a href="javascript: void(0)">按部门</a></li>
    <li><a href="javascript: void(0)">按产品</a></li>

  </ul>

    <div class="am-tabs-bd">
                    <!-- 按照公司 -->
    <div class="am-tab-panel am-active">
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>公司名称</th>
                      <th>销售量/同期销售量</th>
                      <th>增长比例</th>
                      <th>销售额/同期销售额</th>
                      <th>增长比例</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_angongsi">
                      <td>{{value.key}}</td>
                      <td>{{value.gongsimingcheng}}</td>
                      <td>{{value.xiaoliang}}</td>
                      <td>{{value.xiaoliang_bili}}</td>
                      <td>{{value.xiaoshoue}}</td>
                      <td>{{value.xiaoshoue_bili}}</td>
                    </tr>

                  </tbody>
                </table>
              <div class="table_page">

              </div>
    </div>
    <div class="am-tab-panel">
      <!-- 按照部门 -->
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>部门名称</th>
                      <th>归属分公司</th>
                      <th>销售量/同期销售量</th>
                      <th>增长比例</th>
                      <th>销售额/同期销售额</th>
                      <th>增长比例</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_anbumen">
                      <td>{{value.key}}</td>
                      <td>{{value.bumenname}}</td>
                      <td>{{value.gongsi}}</td>
                      <td>{{value.xiaoliang}}</td>
                      <td>{{value.xiaoliang_bili}}</td>
                      <td>{{value.xiaoshoue}}</td>
                      <td>{{value.xiaoshoue_bili}}</td>
                    </tr>

                  </tbody>
                </table>

    </div>
    <div class="am-tab-panel">
      <!-- 按照产品 -->
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>产品名称</th>
                      <th>销售量/同期销售量</th>
                      <th>增长比例</th>
                      <th>销售额/同期销售额</th>
                      <th>增长比例</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_anchanpin">
                      <td>{{value.key}}</td>
                      <td>{{value.chanp}}</td>
                      <td>{{value.xiaoliang}}</td>
                      <td>{{value.xiaoliang_bili}}</td>
                      <td>{{value.xiaoshoue}}</td>
                      <td>{{value.xiaoshoue_bili}}</td>
                    </tr>

                  </tbody>
                </table>

    </div>
  </div>
                </div>

              </div>
            </div>
          </div>
          <div class="jz_left_top" id="jz_left_top2"></div>
        </div>
        <div class="jz_left jz_left3">
          <span data-am-modal="{target: '#repertory_all'}">库存概况</span>
          <div class="am-popup" id="repertory_all">
            <div class="am-popup-inner">
              <div class="am-popup-hd">
                <!-- <h4 class="am-popup-title">经营状况详情</h4> -->
                <div class="am-popup-title top_img_all kucuninfo">

                </div>
                <span data-am-modal-close class="am-close">&times;</span>
              </div>
              <div class="am-popup-bd">
                <div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
                  <ul class="am-tabs-nav am-nav am-nav-tabs">
    <li class="am-active"><a href="javascript: void(0)">积压产品</a></li>
    <li><a href="javascript: void(0)">发货申请</a></li>

  </ul>

                  <div class="am-tabs-bd">
    <div class="am-tab-panel am-active">
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>积压产品名称</th>
                      <th>半年积压量</th>
                      <th>积压时间</th>
                      <th>提交人</th>
                      <th>备注</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_jiya">
                      <td>{{value.key}}</td>
                      <td>{{value.jiyachanpin}}</td>
                      <td>{{value.jiyaliang}}</td>
                      <td>{{value.jiyatime}}</td>
                      <td>{{value.tijaoren}}</td>
                      <td>{{value.beizhu}}</td>
                    </tr>

                  </tbody>
                </table>
    </div>
    <div class="am-tab-panel">
      <div class="input_select">
        <div class="am-input-group">
            <input type="text" class="am-form-field">
            <span class="am-input-group-btn">
              <button class="am-btn am-btn-default" type="button">搜索一下</button>
            </span>
        </div>
      </div>
      <table class="am-table ">
                  <thead>
                    <tr>
                      <th>序号</th>
                      <th>客户名称</th>
                      <th>申请产品名称</th>
                      <th>申请发货量</th>
                      <th>发货占比</th>
                      <th>备注</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr v-for="value in manage_fahuochanpin">
                      <td>{{value.key}}</td>
                      <td>{{value.kehuming}}</td>
                      <td>{{value.mingcheng}}</td>
                      <td>{{value.fahuoliang}}</td>
                      <td>{{value.zhanbi}}</td>
                      <td>{{value.beizhu}}</td>
                    </tr>

                  </tbody>
                </table>
    </div>

  </div>
                </div>

              </div>
            </div>
          </div>
          <div class="jz_left3_top" id="jz_top6_zhe"> </div>
          <div class="jz_left3_top2">
            <span>积压库存：258942瓶</span><span>查看明细>></span>
          </div>
        </div>
      </div>
      <div class="  jz_middle_all">
        <div class="jz_middle jz_middle_top1">
          <div id="allmap" class="all">

          </div>
          <div class="allmap_sum">
            <span>累计门店数</span>
            <!-- <ul class="all_sum_one" id="all_sum_one">

            </ul> -->
            <div class="t_num all_sum_one">

            </div>
            <span>累计经销商数</span>
            <div class="t_num2 all_sum_one">

            </div>

          </div>
          <div class="allmap_tubiao">
            <span>
              <img src="./img/xiaodian.png"  alt="">：
              经销商
            </span>
            <span>
              <img src="./img/dian.png"  alt="">：
              门店
            </span>
          </div>
        </div>
        <div class="jz_middle jz_middle_top2">
          <div class="js_middle_top_all js_middle_top_left">
            <span data-am-modal="{target: '#attendance_all'}">考勤统计</span>
            <div class="am-popup" id="attendance_all">
              <div class="am-popup-inner">
                <div class="am-popup-hd">
                  <!-- <h4 class="am-popup-title">考勤统计详情</h4> -->
                  <div class="am-popup-title top_img_all kaoqininfo">

                  </div>
                  <span data-am-modal-close class="am-close">&times;</span>
                </div>
                <div class="am-popup-bd">
                  <div class="am-tabs" data-am-tabs="{noSwipe: 1}" id="doc-tab-demo-1">
                    <ul class="am-tabs-nav am-nav am-nav-tabs">
      <li class="am-active"><a href="javascript: void(0)">按员工</a></li>
      <li><a href="javascript: void(0)">按部门</a></li>
    </ul>

                    <div class="am-tabs-bd">
      <div class="am-tab-panel am-active">
        <div class="input_select">
          <div class="am-input-group">
              <input type="text" class="am-form-field">
              <span class="am-input-group-btn">
                <button class="am-btn am-btn-default" type="button">搜索一下</button>
              </span>
          </div>
        </div>
        <table class="am-table ">
                    <thead>
                      <tr>

                        <th>姓名</th>
                        <th>归属部门</th>
                        <th>出差（天）</th>
                        <th>请假（天）</th>
                        <th>跨区域出差（天）</th>
                        <th>在公司（天）</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr v-for="value in manage_kaoqin">
                        <td>{{value.xingming}}</td>
                        <td>{{value.bumen}}</td>
                        <td>{{value.qingjia}}</td>
                        <td>{{value.chuchai}}</td>
                        <td>{{value.quyu}}</td>
                        <td>{{value.gongsi}}</td>
                      </tr>

                    </tbody>
                  </table>
      </div>
      <div class="am-tab-panel">
        <div class="input_select">
          <div class="am-input-group">
              <input type="text" class="am-form-field">
              <span class="am-input-group-btn">
                <button class="am-btn am-btn-default" type="button">搜索一下</button>
              </span>
          </div>
        </div>
        <table class="am-table ">
                    <thead>
                      <tr>

                        <th>部门名称</th>
                        <th>归属部门</th>
                        <th>平均出差（天）</th>
                        <th>平均请假（天）</th>
                        <th>平均跨区域出差（天）</th>
                        <th>平均在公司（天）</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr v-for="value in manage_kaqinbumen">
                          <td>{{value.bumen}}</td>
                          <td>{{value.guishubumen}}</td>
                          <td>{{value.pingjun_chuchai}}</td>
                          <td>{{value.pingjun_qingjia}}</td>
                          <td>{{value.pingjun_quyu}}</td>
                          <td>{{value.pingjun_gongsi}}</td>
                      </tr>

                    </tbody>
                  </table>
      </div>

    </div>
                  </div>

                </div>
              </div>
            </div>
            <div class="js_middle_top_left_all">
              <div class="jz_top4_left jz_top4_left1" id="jz_top4_left1">
              </div>
              <div class="jz_top4_left jz_top4_left2" id="jz_top4_left2">
              </div>
              <div class="jz_top4_left jz_top4_left3" id="jz_top4_left3">
              </div>
            </div>
            <div class="js_middle_top_foot">
              <ul>
                <li><span>出勤率最高</span><span>{{kaoqin_zui.chuqin_gao}}</span></li>
                <li><span>规范化最高</span><span>{{kaoqin_zui.guifan_gao}}</span></li>
                <li><span>出勤率最差</span><span>{{kaoqin_zui.chuqin_di}}</span></li>
                <li><span>规范化最差</span><span>{{kaoqin_zui.guifan_di}}</span></li>
              </ul>
            </div>
          </div>
          <div class="js_middle_top_all js_middle_top_right">
            <span data-am-modal="{target: '#flow_all'}">工作流程监控BPM</span>
            <div class="am-popup" id="flow_all">
              <div class="am-popup-inner">
                <div class="am-popup-hd">
                  <!-- <h4 class="am-popup-title">工作流程监控BPM详情</h4> -->
                  <div class="am-popup-title top_img_all gongzuoinfo">

                  </div>
                  <span data-am-modal-close class="am-close">&times;</span>
                </div>
                <div class="am-popup-bd">
                  <div class="am-u-lg-12 jiankong">
                    <div class="am-u-lg-3 jiankong">
                      <div class="am-input-group" style="width:90%;">
                          <input type="text" class="am-form-field"  placeholder="请输入搜索">
                      </div>
                    </div>

                    <div class="am-u-lg-2 jiankong">
                      <p><input type="text" class="am-form-field" placeholder="日历组件" data-am-datepicker readonly/></p>
                    </div>
                    <div class="am-u-lg-1 jiankong">

                    </div>
                    <div class="am-u-lg-2 jiankong">
                      <div class="am-form-group">
        <select id="doc-select-1" style="width:80%;height:38px;margin-left:10%;">
          <option value="option1">选项一...</option>
          <option value="option2">选项二.....</option>
          <option value="option3">选项三........</option>
        </select>
        <span class="am-form-caret"></span>
      </div>

                    </div>
                    <div class="am-u-lg-2 am-u-end jiankong" >
                      <button type="button" style="width:84px;" class="am-btn am-btn-primary">搜索</button>
                    </div>
                    <div class="am-u-lg-12 jiankong">
                      <table class="am-table ">
                                  <thead>
                                    <tr>

                                      <th>流程标题</th>
                                      <th>发起人</th>
                                      <th>发起时间</th>
                                      <th>当前节点</th>
                                      <th>接收时间</th>
                                      <th>当前状态</th>
                                      <th>结束时间</th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    <tr v-for="value in manage_liucheng">

                                      <td>{{value.biaoti}}</td>
                                      <td>{{value.faqiren}}</td>
                                      <td>{{value.faqishijian}}</td>
                                      <td>{{value.dangqianjiedian}}</td>
                                      <td>{{value.jieshoushijian}}</td>
                                      <td>{{value.dangqianzhuangtai}}</td>
                                      <td>{{value.jieshushijian}}</td>
                                    </tr>

                                  </tbody>
                                </table>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="slide-container_top">
              <ul class="slide-list js-slide-list_top">
                <li  v-for="value in manage_liucheng"><span>{{value.biaoti}}</span><span>{{value.faqiren}}</span><span>{{value.faqishijian}}</span>
                  <span>{{value.jieshoushijian}}</span></li>

                    </ul>
                  </div>
                <div class="slide-title">
                    <span>流程标题</span>
                  <span>节点</span>
                  <span>发起时间</span>
                  <span>接收时间</span>
            </div>
            <div class="slide-container">
              <ul class="slide-list js-slide-list" >
                <li  v-for="value in manage_liucheng"><span>{{value.biaoti}}</span><span>{{value.faqiren}}</span><span>{{value.faqishijian}}</span>
                  <span>{{value.jieshoushijian}}</span></li>
                <!-- <li><span>XX区XX店发起进货景阳春X系列200箱</span><span>张XX</span><span>2017/4/5</span>
                  <span>2017/5/1</span</li> -->
                        <!-- <li class="odd"><span>XX区XX店发起进货景阳春X系列200箱</span><span>张XX</span><span>2017/4/5</span>
                  <span>2017/5/1</span</li>
                        <li class="even"><span>XX区XX店发起进货景阳春X系列200箱</span><span>张XX</span><span>2017/4/5</span>
                  <span>2017/5/1</span</li>
                        <li class="odd"><span>XX区XX店发起进货景阳春X系列200箱</span><span>张XX</span><span>2017/4/5</span>
                  <span>2017/5/1</span</li>
                        <li class="even"><span>11XX区XX店发起进货景阳春X系列200箱</span><span>张XX</span><span>2017/4/5</span>
                  <span>2017/5/1</span</li> -->

                    </ul>
                </div>
                </div>
            </div>
          </div>
          <div class="  jz_right_all">
            <div class="jz_right jz_right1">
              <span data-am-modal="{target: '#sun_all'}">阳光酿造</span>
                  <div class="am-popup" id="sun_all">
                    <div class="am-popup-inner">
                      <div class="am-popup-hd">
                        <div class="am-popup-title top_img_all yangguanginfo">

                        </div>
                        <div class="am-u-lg-6" class="jiankonglist">
                          <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                        </div>
                        <div class="am-u-lg-6" class="jiankonglist">
                          <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                        </div>
                        <div class="am-u-lg-6" class="jiankonglist">
                          <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                        </div>
                        <div class="am-u-lg-6" class="jiankonglist">
                          <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                        </div>
                        <div class="am-u-lg-6" class="jiankonglist">
                          <!-- <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe> -->

                        </div>
                        <div class="am-u-lg-6" class="jiankonglist">
                          <!-- <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe> -->

                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="jz_right2_all">
                    <div class="am-u-lg-12">
                      <!-- <video src="http://118.190.10.51/live/1374.m3u8" autoplay poster="">

                    </video> -->

				 <video id="iphones" src="http://118.190.10.51/live/1382.m3u8" controls="controls" style="display: none;"></video>
				<div id="windowss"  style="display: none;"></div>
				<object  id="windowss_api" name="windowss_api" data="./js/2_files/flowplayer.swf" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="quality" value="high"><param name="bgcolor" value="#000000"><param name="flashvars" value="config={&quot;wmode&quot;:&quot;direct&quot;,&quot;clip&quot;:{&quot;accelerated&quot;:true,&quot;url&quot;:&quot;http://118.190.10.51/live/1382.m3u8&quot;,&quot;lang&quot;:&quot;cn&quot;,&quot;provider&quot;:&quot;httpstreaming&quot;,&quot;urlResolvers&quot;:&quot;httpstreaming&quot;,&quot;autoPlay&quot;:true,&quot;autoBuffering&quot;:true},&quot;plugins&quot;:{&quot;controls&quot;:{&quot;time&quot;:false},&quot;httpstreaming&quot;:{&quot;url&quot;:&quot;./js/FlowPlayer/flashlsFlowPlayer.swf&quot;,&quot;hls_debug&quot;:false,&quot;hls_debug2&quot;:false,&quot;hls_lowbufferlength&quot;:3,&quot;hls_minbufferlength&quot;:-1,&quot;hls_maxbufferlength&quot;:60,&quot;hls_startfromlevel&quot;:-1,&quot;hls_seekfromlevel&quot;:-1,&quot;hls_live_flushurlcache&quot;:false,&quot;hls_seekmode&quot;:&quot;ACCURATE&quot;,&quot;hls_fragmentloadmaxretry&quot;:-1,&quot;hls_manifestloadmaxretry&quot;:-1,&quot;hls_capleveltostage&quot;:false,&quot;hls_maxlevelcappingmode&quot;:&quot;downscale&quot;}},&quot;log&quot;:{&quot;level&quot;:&quot;debug&quot;,&quot;filter&quot;:&quot;org.flowplayer.controller.*&quot;},&quot;playerId&quot;:&quot;windowss&quot;,&quot;playlist&quot;:[{&quot;accelerated&quot;:true,&quot;url&quot;:&quot;http://118.190.10.51/live/1382.m3u8&quot;,&quot;lang&quot;:&quot;cn&quot;,&quot;provider&quot;:&quot;httpstreaming&quot;,&quot;urlResolvers&quot;:&quot;httpstreaming&quot;,&quot;autoPlay&quot;:true,&quot;autoBuffering&quot;:true}]}"></object>


                    </div>

                  </div>
            </div>
            <div class="jz_right jz_right2">
              <span data-am-modal="{target: '#production_all'}">生产监控</span>
              <div class="am-popup" id="production_all">
                <div class="am-popup-inner">
                  <div class="am-popup-hd">
                    <!-- <h4 class="am-popup-title">生产监控</h4> -->
                    <div class="am-popup-title top_img_all shengchaninfo">

                    </div>
                    <span data-am-modal-close class="am-close">&times;</span>
                  </div>
                  <div class="am-popup-bd">
                    <div class="am-u-lg-6" class="jiankonglist">
                      <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                    </div>
                    <div class="am-u-lg-6" class="jiankonglist">
                      <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                    </div>
                    <div class="am-u-lg-6" class="jiankonglist">
                      <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                    </div>
                    <div class="am-u-lg-6" class="jiankonglist">
                      <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe>

                    </div>
                    <div class="am-u-lg-6" class="jiankonglist">
                      <!-- <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe> -->

                    </div>
                    <div class="am-u-lg-6 jiankonglist">
                      <!-- <iframe name="iFrame1" class="iframe_info" src="http://wfb.5252net.com/player/wfzx/2.html" scrolling="no" frameborder="0"> </iframe> -->

                    </div>

                  </div>
                </div>
              </div>
              <div class="jz_right2_all">
                <div class="am-u-lg-12">
                  <video id="iphones" src="http://118.190.10.51/live/1372.m3u8" controls="controls" style="display: none;"></video>
                  <div id="windowss"  style="display: none;"></div>
                  <object  id="windowss_api" name="windowss_api" data="./js/2_files/flowplayer.swf" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true"><param name="allowscriptaccess" value="always"><param name="quality" value="high"><param name="bgcolor" value="#000000"><param name="flashvars" value="config={&quot;wmode&quot;:&quot;direct&quot;,&quot;clip&quot;:{&quot;accelerated&quot;:true,&quot;url&quot;:&quot;http://118.190.10.51/live/1372.m3u8&quot;,&quot;lang&quot;:&quot;cn&quot;,&quot;provider&quot;:&quot;httpstreaming&quot;,&quot;urlResolvers&quot;:&quot;httpstreaming&quot;,&quot;autoPlay&quot;:true,&quot;autoBuffering&quot;:true},&quot;plugins&quot;:{&quot;controls&quot;:{&quot;time&quot;:false},&quot;httpstreaming&quot;:{&quot;url&quot;:&quot;./js/FlowPlayer/flashlsFlowPlayer.swf&quot;,&quot;hls_debug&quot;:false,&quot;hls_debug2&quot;:false,&quot;hls_lowbufferlength&quot;:3,&quot;hls_minbufferlength&quot;:-1,&quot;hls_maxbufferlength&quot;:60,&quot;hls_startfromlevel&quot;:-1,&quot;hls_seekfromlevel&quot;:-1,&quot;hls_live_flushurlcache&quot;:false,&quot;hls_seekmode&quot;:&quot;ACCURATE&quot;,&quot;hls_fragmentloadmaxretry&quot;:-1,&quot;hls_manifestloadmaxretry&quot;:-1,&quot;hls_capleveltostage&quot;:false,&quot;hls_maxlevelcappingmode&quot;:&quot;downscale&quot;}},&quot;log&quot;:{&quot;level&quot;:&quot;debug&quot;,&quot;filter&quot;:&quot;org.flowplayer.controller.*&quot;},&quot;playerId&quot;:&quot;windowss&quot;,&quot;playlist&quot;:[{&quot;accelerated&quot;:true,&quot;url&quot;:&quot;http://118.190.10.51/live/1372.m3u8&quot;,&quot;lang&quot;:&quot;cn&quot;,&quot;provider&quot;:&quot;httpstreaming&quot;,&quot;urlResolvers&quot;:&quot;httpstreaming&quot;,&quot;autoPlay&quot;:true,&quot;autoBuffering&quot;:true}]}"></object>

                </div>

              </div>
            </div>
            <div class="jz_right jz_right3">
              <span data-am-modal="{target: '#app_all'}">极优佳App运营概况</span>
              <div class="am-popup" id="app_all">
                <div class="am-popup-inner">
                  <div class="am-popup-hd">
                    <div class="am-popup-title top_img_all jiyoujiainfo">

                    </div>
                    <!-- <h4 class="am-popup-title">极优佳App运营概况</h4> -->
                    <span data-am-modal-close class="am-close">&times;</span>
                  </div>
                  <div class="am-popup-bd jiyoujia_page" >
                    <div class="am-u-lg-6">
                      <div class="am-panel am-panel-default jiyoujia_page_all">
                        <div class="am-panel-hd">极优佳-用户端</div>
                        <div class="am-panel-bd jiyoujia">

                        <div class="am-u-lg-12">
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title ">品牌入驻量</div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">最近30天</div>
                                <div class="am-panel-bd">
                                  56个
                                </div>
                              </div>
                            </div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">截止累计</div>
                                <div class="am-panel-bd">
                                  999个
                                </div>
                              </div>
                            </div>
                            </div>
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title">经销商入驻量</div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">最近30天</div>
                                <div class="am-panel-bd">
                                  56个
                                </div>
                              </div>
                            </div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">截止累计</div>
                                <div class="am-panel-bd">
                                  956个
                                </div>
                              </div>
                            </div>
                            </div>
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title"><span>装机量</span><span class="huoyue">活跃用户量</span></div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">截止累计</div>
                                <div class="am-panel-bd">
                                  56个
                                </div>
                              </div>
                            </div>

                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">今天</div>
                                <div class="am-panel-bd">
                                  999个
                                </div>
                              </div>
                            </div>
                            </div>
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title"><span>订单量</span><span class="huoyue">订单金额</span></div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">今天</div>
                                <div class="am-panel-bd">
                                  {{jiyoujia.yong_ding}}个
                                </div>
                              </div>
                            </div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">今天</div>
                                <div class="am-panel-bd">
                                  {{jiyoujia.yong_dingjin}}万元
                                </div>
                              </div>
                            </div>
                            </div>
                        </div>
                        </div>
                      </div>
                    </div>
                    <div class="am-u-lg-6">
                      <div class="am-panel am-panel-default jiyoujia_page_all">
                        <div class="am-panel-hd">极优佳-商家端</div>
                        <div class="am-panel-bd jiyoujia">

                        <div class="am-u-lg-12">
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title ">品牌入驻量</div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">最近30天</div>
                                <div class="am-panel-bd">
                                  56个
                                </div>
                              </div>
                            </div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">截止累计</div>
                                <div class="am-panel-bd">
                                  999个
                                </div>
                              </div>
                            </div>
                            </div>
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title">经销商入驻量</div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">最近30天</div>
                                <div class="am-panel-bd">
                                  56个
                                </div>
                              </div>
                            </div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">截止累计</div>
                                <div class="am-panel-bd">
                                  956个
                                </div>
                              </div>
                            </div>
                            </div>
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title"><span>装机量</span><span class="huoyue">活跃用户量</span></div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">截止累计</div>
                                <div class="am-panel-bd">
                                  56个
                                </div>
                              </div>
                            </div>

                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">今天</div>
                                <div class="am-panel-bd">
                                  999个
                                </div>
                              </div>
                            </div>
                            </div>
                            <div class="am-u-lg-12">
                                <div class="jiyoujia_title"><span>订单量</span><span class="huoyue">订单金额</span></div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">今天</div>
                                <div class="am-panel-bd">
                                  {{jiyoujia.shang_ding}}个
                                </div>
                              </div>
                            </div>
                            <div class="am-u-lg-6">
                              <div class="am-panel am-panel-default jiyoujia_mianban">
                                <div class="am-panel-hd">今天</div>
                                <div class="am-panel-bd">
                                  {{jiyoujia.shang_dingjin}}万元
                                </div>
                              </div>
                            </div>
                            </div>
                        </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <ul class="jz_right3_all">
                <li><span>累积入驻品牌</span><span>{{jiyoujia.ljpinpai}}</span></li>
                <li><span>累积入驻经销商</span><span>{{jiyoujia.ljjingxiaoshang}}家</span></li>
                <li><span>安装量</span><span>{{jiyoujia.ljanzhuang}}</span></li>
                <li><span>近期入驻品牌</span><span>10家</span></li>
                <li><span>近期入驻经销商</span><span>36家</span></li>
                <li><span>近期安装量</span><span>1025</span></li>
              </ul>
              <div class="jz_right3_foot">
                <div class="jz_right3_foot1">
                  <span>订单量</span>
                  <span>88家</span>
                  <span>订单金额</span>
                  <span>1999999</span>
                </div>
                <div class="jz_right3_foot2">
                  <div class="top3_center_tu" id="top3_center_tu">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <script type="text/javascript" src="./js/jz.js"></script>
</body>

</html>
